import { ElMain } from "element-plus";
import { defineComponent, Transition } from "vue";
import { RouterView } from "vue-router";


export default defineComponent({
    name: 'Main',
    setup() {
        return () => {
            return (
                <>
                    <ElMain>
                        <RouterView v-slot={({ Component, route }) => (
                            <Transition appear name="fade-transform" mode="out-in">
                                <component is={Component} key={route.fullPath} />
                            </Transition>
                        )} />
                    </ElMain>
                </>
            )
        }
    }
})